import { createApp } from 'vue'
import App from './App.vue'
import '@/styles/reset.scss'
// CSS common style sheet
import '@/styles/common.scss'
import 'element-plus/dist/index.css'
import 'ant-design-vue/dist/reset.css'

// element dark css
import 'element-plus/theme-chalk/dark/css-vars.css'
// custom element css
import '@/styles/element.scss'

import router from './routers/index.js'
import component from './components/index.js'
import ElementPlus from 'element-plus'
import * as Icons from '@element-plus/icons-vue'
import { Select } from 'ant-design-vue'

import pinia from '@/stores'
import 'virtual:windi.css'

const app = createApp(App)

Object.keys(Icons).forEach(key => {
  app.component(key, Icons[key])
})
app
  .use(router)
  .use(pinia)
  .use(ElementPlus, { zIndex: 1000 })
  .use(Select)
  .use(component)
  .mount('#app')
